/*这里专门用来重设element-ui样式 特别是当模块化重置不生效的时候*/

/*login.vue中 ipt样式*/
.loginContainer .el-form .el-input__inner {
    width:80% !important;
    /* background-color: bisque; */
    background:rgba(0,0,0,0.3);
    border:1px solid rgba(255,255,255,0.3);
    font-weight: bold;
    color:#fff;
}
.loginContainer .el-form .el-form-item__label{
    color:#fff ;
    /* font-weight:bold; */
    font-size:20px;
}

.el-form  .el-button--primary{
  width:80% ;
  background: -webkit-linear-gradient(left,rgba(23,190,144),rgba(160,67,27)) !important;
  opacity: 0.7;
  font-weight: bold;
}


/*在subMenu.vue 中样式*/
.manger{
    height:60px;
    
  }
  .el-aside .manger{
    line-height: 60px ;
  }

 /*在product.vue中样式*/ 
 .el-main .el-input{
  width:30% ;
  
}

.el-main{
  line-height:70px !important;
}
.product{
  text-align: left;
}

.el-select {
  width:250px
}
.el-select .el-input{
  width: 250px;
  line-height: 0px;
  margin-left: 10px;
}

.el-table th{
  line-height: 20px;
  text-align: center;
}
.el-table td{
 text-align: center;
}

/* 
.el-dialog__body .el-form-item__content{
  width:100%;
  background-color: green;
} */

/* 上传头像框样式 */
.avatar-uploader .el-upload {
  border: 1px solid #000 ;
  border-radius: 6px;
  cursor: pointer;
  position: relative;
  overflow: hidden;
}
/* avatar-uploader-icon */
.avatar-uploader .el-upload:hover {
  border-color: #409EFF;
}
.el-form-item__content .avatar-uploader-icon {
  font-size: 28px;
  color: #8c939d;
  width: 100px;
  height: 100px;
  line-height: 100px;
  text-align: center;
}

.avatar {
  width: 100px;
  height: 100px;
  display: block;
}

